{% load static %}
{% load main_filters %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" href="{% static 'css/list_of_books.css' %}">
    <link rel="stylesheet" href="{% static 'css/book_search_window.css' %}">
    <link rel="stylesheet" href="{% static 'css/book_big.css' %}">
    <link rel="stylesheet" href="{% static 'css/contents_of_book.css' %}">
    <link rel="stylesheet" href="{% static 'css/quote.css' %}">
    <link rel="stylesheet" href="{% static 'css/book_settings.css' %}">
    <link rel="stylesheet" href="{% static 'css/show_details.css' %}">
    <link rel="stylesheet" href="{% static 'css/author.css' %}">
    <link rel="stylesheet" href="{% static 'css/group.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'node_modules/repaintless/repaintless-css/repaintless.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'node_modules/all-animation/dist/all-animation.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'node_modules/hover.css/css/hover.css' %}" rel="stylesheet" media="all" />
</head>
<body>
    
    <div class="wrapper">
        <div class="navigation-menu shadow">
            <div class="logo">
                <div class="title">
                    <a href="{% url 'home_page' %}" class="">readBooks</a>
                    <i class="fa-solid fa-book"></i>
                </div>
            </div>
            <div class="other-information">
                <div class="library {{ block|is_selected_block:'library' }} other">
                    <a class="block" href="{% url 'library' %}">Библиотека</a>
                </div>
                <div class="favorites {{ block|is_selected_block:'bookmark' }} other">
                    <a class="favorites" href="#">Избранное</a>
                </div>
                <div class="book-groups {{ block|is_selected_block:'book-group' }} other">
                    <a class="block" href="#">Группы книг</a>
                </div>
                <div class="authors {{ block|is_selected_block:'authors' }} other">
                    <a class="block" href="{% url 'author:list_authors' %}">Авторы</a>
                </div>
                <div class="open-book other">
                    <a href="{% url 'books' %}" data-open-book="true">Открыть книгу</a>
                    {% include 'includes/book_search_window.html' %}
                    <div class="book-search-window">
                    </div>
                </div>
                <div class="add-book other">
                    <a href="#">Добавить книгу</a>
                </div>
            </div>
        </div>
        <div class="content shadow">
            {% block content %}
                content
            {% endblock content %}
        </div>
    </div>

    <script src="https://kit.fontawesome.com/1c2d258697.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/hogan.js/3.0.2/hogan.js" integrity="sha512-npO1Wo3f+ocb0ymSEUkpaZjwC+7PJTvnR7xLcsr7y8el+eApPYbfd9uG9KtgGDVzaPwQ5y39q6IAbXM6tKji7w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{% static 'js/base.js' %}"></script>
    <script src="{% static 'js/script.js' %}"></script>
    <script src="{% static 'js/book_search.js' %}"></script>
    <script src="{% static 'js/contents_of_books.js' %}"></script>
    <script src="{% static 'js/book_big.js' %}"></script>
    <script src="{% static 'js/quotes.js' %}"></script>
    <script src="{% static 'js/book_settings.js' %}"></script>
    <script src="{% static 'js/show_details.js' %}"></script>
    <script src="{% static 'js/author.js' %}"></script>
    <script src="{% static 'js/group.js' %}"></script>
</body>
</html>
